<!--
*  ============LICENSE_START=======================================================
*  Copyright (C) 2023 Nordix Foundation.
*  ================================================================================
*  Licensed under the Apache License, Version 2.0 (the "License");
*  you may not use this file except in compliance with the License.
*  You may obtain a copy of the License at
*
*       http://www.apache.org/licenses/LICENSE-2.0
*
*  Unless required by applicable law or agreed to in writing, software
*  distributed under the License is distributed on an "AS IS" BASIS,
*  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*  See the License for the specific language governing permissions and
*  limitations under the License.
*
*  SPDX-License-Identifier: Apache-2.0
*  ============LICENSE_END=========================================================
 -->

    <div class="add-btn"
             (click)="addToList()">Add to List
    </div>
    <div class="w-sdc-form-columns-wrapper" *ngFor="let val of value; let valueIndex = index; trackBy:trackByFn">
        <div class="w-sdc-form-column">
            <input type="text" class="i-sdc-form-input" *ngIf="showStringField()"
                   [value]="val"
                   (input)="onChangeConstrainValueIndex($event.target.value, valueIndex)"/>
            <input type="number" class="i-sdc-form-input" *ngIf="showIntegerField()"
                   [value]="val"
                   (input)="onChangeConstrainValueIndex($event.target.value, valueIndex)"/>
            <input type="number" class="i-sdc-form-input" step="0.01" *ngIf="type == 'float'"
                   [value]="val"
                   (input)="onChangeConstrainValueIndex($event.target.value, valueIndex)"/>
        </div>
        <div class="w-sdc-form-column">
            <span class="sprite-new delete-btn" (click)="removeFromList(valueIndex)"></span>
        </div>
    </div>
